<template>
  <tr>
    <td>{{ date }}</td>
    <td>{{ uname }}</td>
    <td>{{ result }}</td>
    <td>{{ information }}</td>
    <td @click="details(item)">详情</td>
    <!-- 弹窗功能没有写出来 -->
    <NotiFication class="listbox" data-id="" :items="item"></NotiFication>
  </tr>
</template>

<script>
import NotiFication from './NotiFication.vue'

export default {
  name: "MyFrom",
  props: ["date", "uname", "result", "information","item"],
  components:{
    NotiFication
  },
  methods:{
    details(data){
      console.log(data);
    }
  
  },
};
</script>

<style >
.listbox{
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

</style>
